<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewprot-fit=cover,">
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.min.css" >

    <link rel="stylesheet" href="css/app.css">
    <link rel="stylesheet" type="text/css" href="css/root.css"/>
    <link rel="stylesheet" type="text/css" href="css/order/order.css"/>

    <!-- Core CSS file -->
    <link rel="stylesheet" href="photoswipe/photoswipe.css">

    <!-- Skin CSS file (styling of UI - buttons, caption, etc.)
         In the folder of skin CSS file there are also:
         - .png and .svg icons sprite,
         - preloader.gif (for browsers that do not support CSS animations) -->
    <link rel="stylesheet" href="photoswipe/default-skin/default-skin.css">

    <!-- Core JS file -->
    <script src="photoswipe/photoswipe.min.js"></script>

    <!-- UI JS file -->
    <script src="photoswipe/photoswipe-ui-default.min.js"></script>

    <script type="text/javascript" src="js/base/jquery-3.1.1.min.js?ver=2.0.4" charset="utf-8"></script>
    <script type="text/javascript" src="js/base/underscore-min.js"></script>
    <script type="text/javascript" src="js/base/moment.min.js"></script>
    <script src="js/base/api.js"></script>
    <script src="js/base/magiclamp.js"></script>
    <script src="js/base/base.js"></script>
    <script src="js/base/vue-filter.js"></script>
    <script src="js/base/vue.js"></script>

    <script type="text/javascript" src="js/base/swipe.min.js?ver=2.0.4" charset="utf-8"></script>

    <script src="js/base/phone.js"></script>
    <!--<script type="text/javascript"-->
    <!--src="http://api.map.baidu.com/api?v=2.0&ak=qF6eV0McTyVWpsFbufXQzX84d86ANXWs"></script>-->
    <script src="http://maps.google.cn/maps/api/js?key=AIzaSyDj7xfYnHtLWIIgkr3emNiRA6yycXBXZzM"
            defer></script>
    <script src="js/baidu/goo.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js" ></script>

    <!--TLS web sdk(只用于托管模式，独立模式不用引入)-->
    <script type="text/javascript" src="https://tls.qcloud.com/libs/api.min.js"></script>
    <script type="text/javascript" src="js/im/webim.js"></script>
    <script type="text/javascript" src="js/im/spark-md5.js"></script>
    <script src="js/home2.js?t=1"></script>
    <script src="js/im/im.js?t=1"></script>
    <script src="js/im/show_one_msg.js"></script>

    <!--图标字体 必须的-->
    <script src="js/iconfont.js"></script>

    <title>华迅直购</title>
</head>
<body class="whitesmoke">
<!--活动列表-->
<template id="tab_program">
    <div class="center">
        <div id="allmap" class="home2-center">

            <!--<div class="app-title">直播列表</div>-->


        </div>
        <div id="map_search">
            <div class="input-group">
                <input type="text" class="form-control" placeholder="搜索地点" v-model="address" readonly
                       @click="edit_address()">
                <span class="input-group-btn">
                    <button class="btn btn-default" type="button" @click="show_search()">
                        筛选
                    <span class="red-cart" v-if="has_searched"></span>
                    </button>
                </span>
            </div>
            <!-- /input-group -->

        </div>
        <div class="pengyou">
            <img :src="search_live_type==1?'img2/hosttype/btn_map_std_highlight.png':'img2/hosttype/btn_map_std_normal.png'" @click="change_search_live_type(1)">
            <img :src="search_live_type==2?'img2/hosttype/btn_map_dg_highlight.png':'img2/hosttype/btn_map_dg_normal.png'" @click="change_search_live_type(2)">
            <img :src="search_live_type==3?'img2/hosttype/btn_map_qb_highlight.png':'img2/hosttype/btn_map_qb_normal.png'" @click="change_search_live_type(3)">
            <img src="img2/pengyou_btn.png" @click="show_pengyou">
        </div>
        <div id="search_content" v-if="show_search_content">
            <div class="search-content-center">
                <form onsubmit="return false;">
                    <div class="form-group" style="padding-top: 0px;padding-bottom: 0.6rem;margin-bottom: 0px;border-bottom: solid #cccccc 1px;">
                        <label>地区范围</label>
                        <div class="btn-toolbar">
                            <button v-for="obj in search_address_list_1" @click="select_address_fun(obj)" type="button" class="btn"
                                    :class="obj.class_name" style="width: 30%;height: 2.4rem;line-height: 1.2rem">
                                {{obj.name}}
                            </button>
                        </div>
                        <div class="btn-toolbar" style="margin-top: .5rem">
                            <button v-for="obj in search_address_list_2" @click="select_address_fun(obj)" type="button" class="btn"
                                    :class="obj.class_name" style="width: 30%;height: 2.4rem;line-height: 1.2rem">
                                {{obj.name}}
                            </button>
                        </div>
                        <div class="input-group" style="margin-top: .5rem">
                            <span class="input-group-addon" id="basic-addon3"
                                  style="height: 2.4rem;line-height: 1.3rem;">其他地区:</span>
                            <input type="text" class="form-control" id="other_address"
                                   style="height: 2.4rem;line-height: 1.2rem;" v-model="custom_search_address"
                                   @change="change_custom_search_address(custom_search_address)"
                                   placeholder="地区" >
                        </div>
                    </div>
                    <div class="form-group" style="padding-top: 0.5rem;padding-bottom: 0px;margin-bottom: 5px;">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="商品、代购人等" v-model="live_name">
                            <span class="input-group-btn">
                                <button class="btn btn-default" type="button" @click="query_host_or_goods_list()">搜索</button>
                              </span>
                        </div><!-- /input-group -->
                    </div>
                    <div class="form-group" style="padding-top: 0.3rem;padding-bottom: 0px; margin-bottom: 0px;">
                        <div class="input-group" style="height: 2rem">
                            <label style="font-weight: 300;" >
                                <input  type="radio"  name="search_type" value="goods" v-model="search_type">商品
                            </label>&nbsp;&nbsp;
                            <label  style="font-weight: 300;" >
                                <input  type="radio"  name="search_type" value="daigou" v-model="search_type" >代购
                            </label>
                        </div><!-- /input-group -->
                    </div>
                    <div class="form-group" style="padding-top: 0.3rem;padding-bottom: 0.3rem;margin-bottom: 0px;border-bottom: solid #cccccc 1px;" >
                        <div class="btn-toolbar" v-if="search_type=='goods'" style="padding-bottom: 0.4rem; ">
                            <span style="float: left;height: 2rem;line-height: 2.1rem;">热搜&nbsp;</span>
                            <button v-for="obj in hot_goods_type" type="button" class="btn" @click="select_goods_type_fun(obj)"
                                    :class="obj.class_name" style="height: 2.2rem;line-height: 1.2rem;padding-left: 0.3rem;padding-right: 0.3rem;">
                                {{obj.name}}
                            </button>
                        </div>
                        <div class="input-group inline"  style="padding-bottom: 0;line-height: 2.2rem;width: 100%;">
                            <label  style="font-weight: 300;" >
                                <input class="address-radio" type="checkbox"  name="shi_ti" value="1" v-model="search_shi_ti" >仅限实体店
                            </label>
                            <button type="button" @click="query_host_or_goods_reset"  class="btn btn-default"  style="height: 2.2rem;line-height: 1.2rem;float: right;">
                                清空条件
                            </button>
                        </div>
                    </div>

                    <div v-for="user in query_user_list" v-if="search_type=='daigou'">
                        <div class="item-live">
                            <div class="item-user-icon">
                                <img src="img2/icon.png" v-if="!user.icon_url">
                                <img :src="show_head_img(user.icon_url, '&imageView2/0/w/100/h/100')" v-if="user.icon_url">
                            </div>
                            <div class="right">
                                <div class="item-user-desc" @click="open_chat(user)">
                                    <div class="name">
                                        <img src="img2/tjsj_icon.png" style="width: 1.9rem;margin-top: -8px;"
                                             v-if="user.live_type==1">
                                        <span class="bold">{{user.realname}}</span>
                                        <span class="orange">{{user.host_type}}</span>
                                        <i>{{user.distance_str}}</i>
                                    </div>
                                    <div>{{user.liveprogram__name}}</div>
                                </div>
                                <div class="item-user-address">
                                    <!--<button type="button" class="btn  btn-sm btn-primary" @click="open_chat(user)">聊聊天-->
                                    <!--</button>-->
                                    <img src="img2/zzzb_icon.png" v-if="user.live_status" style="width: 1.5rem"/>
                                    <div v-if="!user.live_status" style="width: 1.5rem">&nbsp;</div>
                                    <button type="button" class="btn  btn-sm btn-lightpink"
                                            @click="map_move_to(user.la, user.lo)">所在位置
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="show-grid-container">
                            <div class="show-grid" v-for="goods in user.goods" @click="go_goods_detail(goods)">
                                <div><img :src="baseConfig.qn_host + goods.small_image__fileurl+'?imageView2/1/w/80/h/80'">
                                </div>
                                <div class="text" v-text="goods.name"></div>
                            </div>

                        </div>
                    </div>


                    <div class="cart-list" v-for="c_goods in near_goods_list"  v-if="search_type=='goods'">
                        <img class="goods-img" @click="go_goods_info_detail(c_goods.id)"
                             :src="baseConfig.qn_host + c_goods.small_image__fileurl+'?imageView2/1/w/70/h/70'">
                        <div class="goods-main" @click="go_goods_info_detail(c_goods.id)">
                            <div class="name">{{c_goods.name}}</div>

                            <div class="goods-id">商品id:{{c_goods.id}}</div>
                            <div class="bottom">
                                <div class="price">{{price_filter(c_goods.price)}}</div>

                            </div>
                            <div class="name" style="font-weight: 200">
                                <img src="img2/tjsj_icon.png" style="width: 1.9rem;margin-top: -8px;"
                                     v-if="c_goods.user__live_type==1">
                                <span class="bold">{{c_goods.user__realname}}</span>
                                <span class="orange">{{c_goods.liveprogram__livetype__name}}</span>
                            </div>
                        </div>
                    </div>
                    <div v-if="search_type=='goods'&&near_goods_list.length>0"  class="form-group" style="padding-top: 2px;padding-bottom: 0px;margin-bottom: 0px;">
                        <button type="button" style="width: 95%;height: 2.2rem;line-height: 1.2rem;" class="btn btn-default" v-if="near_goods_list.length%20==0" @click="query_search_goods_list">加载</button>
                    </div>
                </form>
            </div>

        </div>
        <div id="search_content_bottom" v-if="show_search_content">
            <div class="search-content-bottom">
                <button type="button" class="btn-reset" @click="hide_search_pannel()">返回</button>
            </div>
        </div>
        <div id="live_list" v-if="show_live_list">
            <div class="search-content-center">

                <div class="query-title">
                    <div class="query-title-font">位置:{{current_place}}</div>
                    <button @click="show_search()">筛选</button>
                </div>
                <div v-for="user in near_user_list">
                    <div class="item-live">
                        <div class="item-user-icon" v-if="user.t==1">
                            <img src="img2/icon.png" v-if="!user.icon_url">
                            <img :src="show_head_img(user.icon_url, '&imageView2/0/w/100/h/100')" v-if="user.icon_url">
                        </div>
                        <div class="item-user-icon" v-if="user.t==2">
                            <img src="img2/icon.png" v-if="!user.small_image__fileurl">
                            <img :src="show_head_img(baseConfig.qn_host + user.small_image__fileurl, '&imageView2/0/w/100/h/100')" v-if="user.small_image__fileurl">
                        </div>
                        <div class="right">
                            <div class="item-user-desc" @click="open_chat(user)">
                                <div class="name">
                                    <img src="img2/tjsj_icon.png" style="width: 1.9rem;margin-top: -8px;"
                                         v-if="user.live_type==1">
                                    <span class="bold">{{user.realname}}</span>
                                    <span class="orange">{{user.host_type}}</span>
                                    <i>{{user.distance_str}}</i>
                                </div>
                                <div>{{user.liveprogram__name}}</div>
                            </div>
                            <div class="item-user-address">
                                <!--<button type="button" class="btn  btn-sm btn-primary" @click="open_chat(user)">聊聊天-->
                                <!--</button>-->
                                <img src="img2/zzzb_icon.png" v-if="user.live_status" style="width: 1.5rem"/>
                                <div v-if="!user.live_status" style="width: 1.5rem">&nbsp;</div>
                                <button type="button" class="btn  btn-sm btn-lightpink"
                                        @click="map_move_to(user.la, user.lo)">所在位置
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="show-grid-container">
                        <div class="show-grid" v-for="goods in user.goods" @click="go_goods_detail(goods)">
                            <div><img :src="baseConfig.qn_host + goods.small_image__fileurl+'?imageView2/1/w/80/h/80'">
                            </div>
                            <div class="text" v-text="goods.name"></div>
                        </div>

                    </div>
                </div>
            </div>

        </div>
        <div id="live_list_bar" v-if="show_live_list">
            <button class="btn btn-default btn-sm query-bottom-button" @click="hide_live_list()">返&nbsp;&nbsp;回</button>
        </div>
        <div id="all_pengyou" v-if="show_pengyou_dongtai">
            <div class="pengyou-item" v-for="dongtai in all_pengyou_dongtai">
                <div class="pengyou-head"  @click="open_pengyou(dongtai)"><img :src="dongtai.user__icon_url"></div>
                <div class="pengyou-center">
                    <div class="pengyou-top">
                        <span>{{dongtai.user__realname}}</span>
                    </div>
                    <div class="pengyou_content">
                        {{dongtai.content}}
                    </div>
                    <div class="pengyou_picture" v-if="dongtai.news_type==1">
                        <img :src="baseConfig.qn_host + img.fileurl+'?imageView2/1/w/90/h/90'" @click="show_big_pengyou_img(dongtai, img.fileurl)" v-if="dongtai.files_json.length>4" v-for="img in dongtai.files_json">
                        <img :src="baseConfig.qn_host + img.fileurl+'?imageView2/1/w/140/h/140'" @click="show_big_pengyou_img(dongtai, img.fileurl)" v-if="dongtai.files_json.length>=2&&dongtai.files_json.length<5" v-for="img in dongtai.files_json">
                        <img :src="baseConfig.qn_host + img.fileurl+'?imageView2/1/w/270/h/270'" @click="show_big_pengyou_img(dongtai, img.fileurl)" v-if="dongtai.files_json.length==1" v-for="img in dongtai.files_json">
                    </div>
                    <div class="pengyou_video" v-if="dongtai.news_type==2" @click="play_video(dongtai)">
                        <video :src="baseConfig.qn_host + dongtai.video_obj.fileurl" :poster="baseConfig.qn_host + dongtai.video_pic.fileurl+'?imageView2/1/w/270/h/270'" :id="'video'+dongtai.id" >

                        </video>
                        <img class="imgplay" src="img2/play_normal.png" v-if="!dongtai.clicked" >
                    </div>
                    <div class="pengyou_goods" v-if="dongtai.news_type==3">

                        <!--<img :src="baseConfig.qn_host + img.fileurl+'?imageView2/1/w/140/h/140'" v-if="dongtai.goods_num>=2">-->
                        <div class="dongtai_goods_item2" v-if="dongtai.goods_num>1" @click="go_goods_info_detail(dongtai.goods1_id)">
                            <img :src="baseConfig.qn_host + dongtai.goods1__small_image__fileurl+'?imageView2/1/w/140/h/140'" >
                            <span>
                                {{dongtai.goods1__name}}<br/>{{price_filter(dongtai.goods1__price)}}
                            </span>
                        </div>
                        <div class="dongtai_goods_item2" v-if="dongtai.goods_num>1&&dongtai.goods2_id" @click="go_goods_info_detail(dongtai.goods2_id)">
                            <img :src="baseConfig.qn_host + dongtai.goods2__small_image__fileurl+'?imageView2/1/w/140/h/140'" >
                            <span>
                                {{dongtai.goods2__name}}<br/>{{price_filter(dongtai.goods2__price)}}
                            </span>
                        </div>
                        <div class="dongtai_goods_item2" v-if="dongtai.goods_num>1&&dongtai.goods3_id" @click="go_goods_info_detail(dongtai.goods3_id)">
                            <img :src="baseConfig.qn_host + dongtai.goods3__small_image__fileurl+'?imageView2/1/w/140/h/140'" >
                            <span>
                                {{dongtai.goods3__name}}<br/>{{price_filter(dongtai.goods3__price)}}
                            </span>
                        </div>
                        <div class="dongtai_goods_item2" v-if="dongtai.goods_num>1&&dongtai.goods4_id" @click="go_goods_info_detail(dongtai.goods4_id)">
                            <img :src="baseConfig.qn_host + dongtai.goods4__small_image__fileurl+'?imageView2/1/w/140/h/140'" >
                            <span>
                                {{dongtai.goods4__name}}<br/>{{price_filter(dongtai.goods4__price)}}
                            </span>
                        </div>
                        <div class="dongtai_goods_item" v-if="dongtai.goods_num==1" @click="go_goods_info_detail(dongtai.goods1_id)">
                            <img :src="baseConfig.qn_host + dongtai.goods1__small_image__fileurl+'?imageView2/1/w/270/h/270'" >
                            <span>
                                {{dongtai.goods1__name}}<br/>{{price_filter(dongtai.goods1__price)}}
                            </span>
                        </div>

                    </div>
                    <div class="pengyou-bottom">
                        <div class="pengyou-time">{{show_diff_time(dongtai.create_time)}}</div>
                        <div  class="pengyou-up" @click="up_pengyou(dongtai)">
                            <svg class="icon" aria-hidden="true" >
                                <use xlink:href="#icon-heart"></use>
                            </svg>
                            {{dongtai.up_num}}</div>
                    </div>
                </div>
            </div>
        </div>
        <div id="all_pengyou_bar" v-if="show_pengyou_dongtai">
            <button class="btn btn-default btn-sm query-bottom-button" @click="hide_pengyou_list()">返&nbsp;&nbsp;回</button>
        </div>
        <div id="all_pengyou_images" v-if="show_pengyou_dongtai_images">
            <div class="pswp" id="all_pengyou_pswp" tabindex="-1" role="dialog" aria-hidden="true">

                <!-- Background of PhotoSwipe.
                     It's a separate element as animating opacity is faster than rgba(). -->
                <div class="pswp__bg"></div>

                <!-- Slides wrapper with overflow:hidden. -->
                <div class="pswp__scroll-wrap">

                    <!-- Container that holds slides.
                        PhotoSwipe keeps only 3 of them in the DOM to save memory.
                        Don't modify these 3 pswp__item elements, data is added later on. -->
                    <div class="pswp__container">
                        <div class="pswp__item"></div>
                        <div class="pswp__item"></div>
                        <div class="pswp__item"></div>
                    </div>

                    <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
                    <div class="pswp__ui pswp__ui--hidden">

                        <div class="pswp__top-bar">

                            <!--  Controls are self-explanatory. Order can be changed. -->

                            <div class="pswp__counter"></div>

                            <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>



                            <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
                            <!-- element will get class pswp__preloader--active when preloader is running -->
                            <div class="pswp__preloader">
                                <div class="pswp__preloader__icn">
                                    <div class="pswp__preloader__cut">
                                        <div class="pswp__preloader__donut"></div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                            <div class="pswp__share-tooltip"></div>
                        </div>

                        <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
                        </button>

                        <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
                        </button>

                        <div class="pswp__caption">
                            <div class="pswp__caption__center"></div>
                        </div>

                    </div>

                </div>

            </div>
        </div>
    </div>
</template>

<!--购物车-->
<template id="tab_cart">
    <div class="center" style="overflow: scroll;">
        <div class="cart-list" v-for="c_goods in cart_list" v-if="c_goods.is_active">
            <input type="checkbox" class="goods-radio" name="goods" :value="c_goods.goods_id" v-model="goods_ids"
                   @click="refresh_checkAll">
            <img class="goods-img" @click="go_goods_detail(c_goods.goods_id)"
                 :src="baseConfig.qn_host + c_goods.goods__small_image__fileurl+'?imageView2/1/w/70/h/70'">
            <div class="goods-main" @click="go_goods_detail(c_goods.goods_id)">
                <div style="float:right;">
                    <button class="delete-btn" @click.stop="delete_cart(c_goods)">删除</button>
                </div>
                <div class="name">{{c_goods.goods__name}}</div>

                <div class="goods-id">商品id:{{c_goods.goods_id}}</div>
                <div class="bottom">
                    <div class="price">{{price_filter(c_goods.goods__price)}}</div>
                    <div class="num">
                        <div class="btn-num jian" @click.stop="pop_num(c_goods)">-</div>
                        <div class="input-num">{{c_goods.num}}</div>
                        <div class="btn-num jia" @click.stop="add_num(c_goods)">+</div>
                    </div>
                </div>
            </div>
        </div>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <div class="cart-footer">
            <div class="cart-main">
                <label><input class="goods-radio" name="cart_goods" v-model="is_all_checked" value="1" type="checkbox"
                              @click="checkAll">全选</label>
                <div class="font-red">{{price_filter(price_all(goods_ids))}}</div>
            </div>
            <button class="cart-pay" @click="cart_pay(goods_ids)">结算</button>
        </div>
    </div>
</template>

<template id="tab_chat">
    <div class="center" style="overflow: scroll;">
        <!--**********************-->
        <!--新的聊天界面-->
        <div v-if="show_contact">

            <div class="message-container" v-for="contact in contactlist" v-if="!contact.is_hide">
                <!--店的图片-->
                <div class="store-img"
                     @click="open_chat(contact.SessionType, contact.SessionId, infoMap[contact.SessionIdKey].name)">
                    <img src="img/huazhuangpin2.png" v-if="!infoMap[contact.SessionIdKey].liveprogram__image__fileurl">
                    <img :src="baseConfig.qn_host + infoMap[contact.SessionIdKey].liveprogram__image__fileurl + '?imageView2/1/w/200/h/200'"
                         v-if="infoMap[contact.SessionIdKey].liveprogram__image__fileurl">
                </div>
                <div class="right-container" @touchstart="showDeleteButton(contact)" @touchend="clearLoop"
                     @click="open_chat(contact.SessionType, contact.SessionId, infoMap[contact.SessionIdKey].name)">
                    <!--店名-->
                    <div class="store">
                        <div class="name-container">
                            <div class="name">{{infoMap[contact.SessionIdKey].liveprogram__name}}</div>
                            <div class="store-time">{{contact.MsgTimeStamp.substring(10, 16)}}</div>
                        </div>
                        <div class="name-container">
                            <div class="about-us">{{infoMap[contact.SessionIdKey].liveprogram__desc}}</div>
                            <img src="img2/zzzb_icon.png" v-if="infoMap[contact.SessionIdKey].live_status"
                                 style="width: 1.5rem"/>
                        </div>

                    </div>
                    <!--聊天信息-->
                    <div class="message-header-container">
                        <!--头像-->
                        <div class="img-header">
                            <img src="img2/icon.png" v-if="!infoMap[contact.SessionIdKey].image">
                            <img :src="show_head_img(infoMap[contact.SessionIdKey].image, '&imageView2/0/w/100/h/100')"
                                 v-if="infoMap[contact.SessionIdKey].image">

                        </div>
                        <div class="header-main">
                            <!--名称-->
                            <div class="name-header">{{infoMap[contact.SessionIdKey].name}}<span class="red"
                                                                                                 v-if="recentSessMap[contact.SessionIdKey].UnreadMsgCount">{{recentSessMap[contact.SessionIdKey].UnreadMsgCount}}</span>
                            </div>

                            <!--聊天详情-->
                            <div class="talk-content">{{contact.MsgShow}}</div>
                        </div>
                    </div>
                </div>
            </div>
            <!--关注的代购-->
            <div class="message-container" v-for="contact in guanzhulist" v-if="!has_contact_list(contact.imusername)">
                <!--店的图片-->
                <div class="store-img" @click="open_chat('C2C', contact.imusername, contact.realname)">
                    <img src="img/huazhuangpin2.png" v-if="!contact.liveprogram__image__fileurl">
                    <img :src="baseConfig.qn_host + contact.liveprogram__image__fileurl + '?imageView2/1/w/200/h/200'"
                         v-if="contact.liveprogram__image__fileurl">
                </div>
                <div class="right-container" @touchstart="showDeleteButton(contact)" @touchend="clearLoop"
                     @click="open_chat('C2C', contact.imusername, contact.realname)">
                    <!--店名-->
                    <div class="store">
                        <div class="name-container">
                            <div class="name">{{contact.liveprogram__name}}</div>
                            <div class="store-time"></div>
                        </div>
                        <div class="name-container">
                            <div class="about-us">{{contact.liveprogram__desc}}</div>
                            <img src="img2/zzzb_icon.png" v-if="contact.live_status" style="width: 1.5rem"/>
                        </div>

                    </div>
                    <!--聊天信息-->
                    <div class="message-header-container">
                        <!--头像-->
                        <div class="img-header">
                            <img src="img2/icon.png" v-if="!contact.icon_url">
                            <img :src="show_head_img(contact.icon_url, '&imageView2/0/w/100/h/100')"
                                 v-if="contact.icon_url">

                        </div>
                        <div class="header-main">
                            <!--名称-->
                            <div class="name-header">{{contact.realname}}</div>

                            <!--聊天详情-->
                            <div class="talk-content"></div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <!--**********************-->

        <div class="store-dis-top" v-if="show_talk&&!show_host_detail">
            <span @click="close_chat()">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-back"></use>
                </svg>返回
            </span>
            <div @click="show_host" v-if="infoMap[selKey]">{{infoMap[selKey].liveprogram__name}}</div>
            <span @click="show_pengyou(selToID)" >
                <svg class="icon" aria-hidden="true" >
                    <use xlink:href="#icon-pengyou-dt"></use>
                </svg>动态
            </span>
            <span @click="open_program_by_live_id(selToID)" :class="live_status==7?'red_icon':''">
                <svg class="icon" aria-hidden="true" :class="live_status==7?'red_icon':''">
                    <use xlink:href="#icon-play"></use>
                </svg>直播
            </span>
        </div>

        <!--****************************-->
        <!--代购商品图片-->

        <div class="nav-goods" v-if="show_talk&&infoMap[selKey]&&!show_host_detail">
            <img v-for="goods in infoMap[selKey].goods_list"
                 :src="baseConfig.qn_host + goods.small_image__fileurl+'?imageView2/1/w/80/h/80'"
                 @click="go_goods_detail(goods)">
        </div>


        <!--****************************-->
        <div class="talk-container" id="talk_msg_list" v-if="show_talk&&!show_host_detail">
            <div @click="show_history" style="width: 100%;text-align: center;" v-if="msglist.length%15==0">历史记录</div>
            <div v-for="msg in msglist" track-by="msg.seq">
                <div class="time" v-if="msg.is_show_time">{{msg.time}}</div>
                <div class="talk-left" v-if="!msg.isSelfSend">
                    <div class="talk-head">
                        <img src="img2/icon.png" v-if="!msg.fromAccountImage">
                        <img :src="show_head_img(msg.fromAccountImage, '&imageView2/0/w/100/h/100')"
                             v-if="msg.fromAccountImage">
                    </div>
                    <div class="talk-text" v-html="msg.content"></div>
                </div>
                <div class="talk-right" v-if="msg.isSelfSend">
                    <div class="talk-head">
                        <img src="img2/icon.png" v-if="!user.icon_url">
                        <img :src="show_head_img(user.icon_url, '&imageView2/0/w/80/h/80')" v-if="user.icon_url">
                    </div>
                    <div class="talk-text" v-html="msg.content"></div>
                </div>
            </div>
            <br>
            <div>
                <button class="talk-guanzhu" v-if="show_talk&&!show_host_detail&&!has_contact_or_guanzhu_list(selToID)"
                        @click="add_guan_zhu(selToID)">关注
                </button>
            </div>
            <div class="talk-input-group" :class="!chatcontent?'talk-input-group1':'talk-input-group2'">

                <div>
                    <!--<img class="talk-img" src="img/arrow.png" @click="close_chat()">-->
                    <!--语音-->
                    <!--<img class="talk-voice-img" src="img/voice.png">-->
                    <div class="talk-input" id="chat_ele" style="user-modify: read-write-plaintext-only;"
                         contenteditable="true" @keyup="changeData($event)"></div>
                    <img :class="chatcontent?'talk-img22':'talk-img2'" src="img/talk_img.png"
                         @click="change_face_btn()">
                    <img class="talk-img3" src="img2/ic_more.png" v-if="!chatcontent" @click="change_more_btn()">
                    <button class="talk-btn" @click="send_chat" v-if="chatcontent">发送</button>
                </div>
                <div :class="!chatcontent?'talk-img-group1':'talk-img-group2'" v-if="show_talk&&show_img_talk">
                    <img :src="img[1]" v-for="img in facelist" @click="add_face(img)">

                </div>
                <div :class="!chatcontent?'talk-img-group1':'talk-img-group2'" v-if="show_talk&&show_img_talk_more">
                    <div style="float:left;width: 5rem;height:5rem;background-image: url('img2/ic_image.png');background-size:100% 100%;-moz-background-size:100% 100%;background-repeat:no-repeat;">
                        <a href="javascript:;" class="file">
                            <input id="fileBtn1" type="file" @change="upload('fileBtn1');" accept="image/*"/>
                        </a>
                    </div>

                    <!--<a href="javascript:;" class="file">拍照-->
                    <!--<input id="fileBtn2" type="file" @change="upload('fileBtn2');" accept="image/*" capture="camera"/>-->
                    <!--</a>-->
                    <div style="float:left;width: 5rem;height:5rem;margin-left: 1rem;">
                        <button type="button" class="btn btn-xs btn-info" @click="chuoyichuo()"><img
                                src="img2/ic_chuo.png"/></button>
                    </div>

                </div>
            </div>
        </div>
        <!--*********************************-->
        <!--代购店详情-->
        <div v-if="show_talk&&show_host_detail">
            <div class="store-dis-top">
            <span @click="show_host_detail=false">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-back"></use>
                </svg>返回
            </span>
                <div v-if="infoMap[selKey]">{{infoMap[selKey].liveprogram__name}}</div>
                <span></span>
            </div>
            <!--代购店banner图-->
            <div class="store-banner">
                <img src="img/huazhuangpin2.png" v-if="!infoMap[selKey].liveprogram__image__fileurl">
                <img :src="baseConfig.qn_host + infoMap[selKey].liveprogram__image__fileurl + '?imageView2/1/w/375/h/168'"
                     v-if="infoMap[selKey].liveprogram__image__fileurl">
            </div>

            <div class="store-main">
                <div class="shop-manager">
                    <div class="manager">{{infoMap[selKey].name}}</div>
                    <div class="position">{{infoMap[selKey].host_type}}</div>
                </div>
                <div class="store-introduce">
                    <div class="manager-img">
                        <img src="img2/icon.png" v-if="!infoMap[selKey].image">
                        <img :src="show_head_img(infoMap[selKey].image, '&imageView2/0/w/100/h/100')"
                             v-if="infoMap[selKey].image">
                    </div>
                    <div class="introduce">{{infoMap[selKey].liveprogram__desc}}</div>
                </div>
                <br>
                <br>
                <br>
                <br>
            </div>
        </div>
        <!--*********************************-->

        <!--代购朋友圈-->
        <div id="chat_all_pengyou" v-if="show_pengyou_dongtai">
            <div class="pengyou-item" v-for="dongtai in all_pengyou_dongtai">
                <div class="pengyou-head"  @click="open_pengyou(dongtai)"><img :src="dongtai.user__icon_url"></div>
                <div class="pengyou-center">
                    <div class="pengyou-top">
                        <span>{{dongtai.user__realname}}</span>
                    </div>
                    <div class="pengyou_content">
                        {{dongtai.content}}
                    </div>
                    <div class="pengyou_picture" v-if="dongtai.news_type==1">
                        <img :src="baseConfig.qn_host + img.fileurl+'?imageView2/1/w/90/h/90'" @click="show_big_pengyou_img(dongtai, img.fileurl)"  v-if="dongtai.files_json.length>4" v-for="img in dongtai.files_json">
                        <img :src="baseConfig.qn_host + img.fileurl+'?imageView2/1/w/140/h/140'" @click="show_big_pengyou_img(dongtai, img.fileurl)"  v-if="dongtai.files_json.length>=2&&dongtai.files_json.length<5" v-for="img in dongtai.files_json">
                        <img :src="baseConfig.qn_host + img.fileurl+'?imageView2/1/w/270/h/270'" @click="show_big_pengyou_img(dongtai, img.fileurl)"  v-if="dongtai.files_json.length==1" v-for="img in dongtai.files_json">
                    </div>
                    <div class="pengyou_video" v-if="dongtai.news_type==2" @click="play_video(dongtai)">
                        <video :src="baseConfig.qn_host + dongtai.video_obj.fileurl" :poster="baseConfig.qn_host + dongtai.video_pic.fileurl+'?imageView2/1/w/270/h/270'" :id="'video'+dongtai.id" >

                        </video>
                        <img class="imgplay" src="img2/play_normal.png" v-if="!dongtai.clicked" >
                    </div>
                    <div class="pengyou_goods" v-if="dongtai.news_type==3">

                        <div class="dongtai_goods_item2" v-if="dongtai.goods_num>1" @click="go_goods_info_detail(dongtai.goods1_id)">
                            <img :src="baseConfig.qn_host + dongtai.goods1__small_image__fileurl+'?imageView2/1/w/140/h/140'" >
                            <span>
                                {{dongtai.goods1__name}}<br/>{{price_filter(dongtai.goods1__price)}}
                            </span>
                        </div>
                        <div class="dongtai_goods_item2" v-if="dongtai.goods_num>1&&dongtai.goods2_id" @click="go_goods_info_detail(dongtai.goods2_id)">
                            <img :src="baseConfig.qn_host + dongtai.goods2__small_image__fileurl+'?imageView2/1/w/140/h/140'" >
                            <span>
                                {{dongtai.goods2__name}}<br/>{{price_filter(dongtai.goods2__price)}}
                            </span>
                        </div>
                        <div class="dongtai_goods_item2" v-if="dongtai.goods_num>1&&dongtai.goods3_id" @click="go_goods_info_detail(dongtai.goods3_id)">
                            <img :src="baseConfig.qn_host + dongtai.goods3__small_image__fileurl+'?imageView2/1/w/140/h/140'" >
                            <span>
                                {{dongtai.goods3__name}}<br/>{{price_filter(dongtai.goods3__price)}}
                            </span>
                        </div>
                        <div class="dongtai_goods_item2" v-if="dongtai.goods_num>1&&dongtai.goods4_id" @click="go_goods_info_detail(dongtai.goods4_id)">
                            <img :src="baseConfig.qn_host + dongtai.goods4__small_image__fileurl+'?imageView2/1/w/140/h/140'" >
                            <span>
                                {{dongtai.goods4__name}}<br/>{{price_filter(dongtai.goods4__price)}}
                            </span>
                        </div>
                        <div class="dongtai_goods_item" v-if="dongtai.goods_num==1" @click="go_goods_info_detail(dongtai.goods1_id)">
                            <img :src="baseConfig.qn_host + dongtai.goods1__small_image__fileurl+'?imageView2/1/w/270/h/270'" >
                            <span>
                                {{dongtai.goods1__name}}<br/>{{price_filter(dongtai.goods1__price)}}
                            </span>
                        </div>

                    </div>
                    <div class="pengyou-bottom">
                        <div class="pengyou-time">{{show_diff_time(dongtai.create_time)}}</div>
                        <div  class="pengyou-up" @click="up_pengyou(dongtai)">
                            <svg class="icon" aria-hidden="true" >
                                <use xlink:href="#icon-heart"></use>
                            </svg>
                            {{dongtai.up_num}}</div>
                    </div>
                </div>
            </div>
        </div>
        <div id="chat_all_pengyou_bar" v-if="show_pengyou_dongtai">
            <button class="btn btn-default btn-sm query-bottom-button" @click="hide_pengyou_list()">返&nbsp;&nbsp;回</button>
        </div>
        <div id="chat_all_pengyou_images" v-if="show_pengyou_dongtai_images">
            <div class="pswp" id="chat_all_pengyou_pswp" tabindex="-1" role="dialog" aria-hidden="true">

                <!-- Background of PhotoSwipe.
                     It's a separate element as animating opacity is faster than rgba(). -->
                <div class="pswp__bg"></div>

                <!-- Slides wrapper with overflow:hidden. -->
                <div class="pswp__scroll-wrap">

                    <!-- Container that holds slides.
                        PhotoSwipe keeps only 3 of them in the DOM to save memory.
                        Don't modify these 3 pswp__item elements, data is added later on. -->
                    <div class="pswp__container">
                        <div class="pswp__item"></div>
                        <div class="pswp__item"></div>
                        <div class="pswp__item"></div>
                    </div>

                    <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
                    <div class="pswp__ui pswp__ui--hidden">

                        <div class="pswp__top-bar">

                            <!--  Controls are self-explanatory. Order can be changed. -->

                            <div class="pswp__counter"></div>

                            <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>



                            <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
                            <!-- element will get class pswp__preloader--active when preloader is running -->
                            <div class="pswp__preloader">
                                <div class="pswp__preloader__icn">
                                    <div class="pswp__preloader__cut">
                                        <div class="pswp__preloader__donut"></div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                            <div class="pswp__share-tooltip"></div>
                        </div>

                        <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
                        </button>

                        <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
                        </button>

                        <div class="pswp__caption">
                            <div class="pswp__caption__center"></div>
                        </div>

                    </div>

                </div>

            </div>
        </div>
    </div>

</template>

<!--我-->
<template id="tab_me">
    <div class="center" style="overflow: scroll;">
        <div class="header-container">
            <div>
                <img class="header_img" src="img2/icon.png" v-if="!user.icon_url">
                <img class="header_img" :src="show_head_img(user.icon_url, '&imageView2/0/w/80/h/80')"
                     v-if="user.icon_url">
            </div>
            <div>
                <div class="user_state" v-if="user.realname"><span></span>在线</div>
                <div class="user_state" v-if="!user.realname"><span></span>离线</div>
                <div class="header_name" v-if="user.realname">{{user.realname}}</div>
                <div class="header_name" v-if="!user.realname">未登录</div>
            </div>
            <!--<div class="user_management"><img src="img/chilun.png">账号管理</div>-->
        </div>
        <div class="apply_container">
            <div class="apply_row">
                <div class="apply" @click="go_my_orders"><img src="img/me_order.png">
                    <div>我的订单</div>
                </div>
                <!--<div class="apply"><img src="img/me_guanzhu.png"  @click="go_about_me"><div>我的关注</div></div>-->
                <!--<div class="apply"><img src="img/me_suo.png"  @click="go_change_password"><div>修改密码</div></div>-->
                <div class="apply" @click="go_address"><img src="img/me_address.png">
                    <div>邮寄地址</div>
                </div>
                <div class="apply" @click="go_about_me"><img src="img/me_we.png">
                    <div>关于我们</div>
                </div>
            </div>
            <div class="apply_row">

            </div>

        </div>

        <div class="me_list" v-if="!user.realname" @click="login_wx">登录</div>
    </div>
</template>

<div class="main-v2" id="home">
    <component :is="currentView" keep-alive></component>
    <div class="footer3">
        <button class="line-right" :class="{ active: active===tab_programText }" @click="toggleTabs(tab_programText)">
            <img class="footer-img1" src="img2/H5_btn_ss_normal.png">
            <img class="footer-img2" src="img2/H5_btn_ss_highlight.png"><br>
            查询
        </button>
        <button class="line-right" :class="{ active: active===tab_chatText }" @click="toggleTabs(tab_chatText)">
            <img class="footer-img1" src="img2/H5_btn_wl_normal.png">
            <img class="footer-img2" src="img2/H5_btn_wl_highlight.png">
            <span class="red-cart" v-if="all_unread">{{all_unread}}</span>
            <br>
            微聊
        </button>

        <button class="line-right" :class="{ active: active===tab_cartText }" @click="toggleTabs(tab_cartText)">
            <img class="footer-img1" src="img2/H5_btn_gwc_normal.png">
            <img class="footer-img2" src="img2/H5_btn_gwc_highlight.png">
            <span class="red-cart" v-if="chat_num">{{chat_num}}</span>
            <br>
            购物车
        </button>

        <button :class="{ active: active===tab_meText }" @click="toggleTabs(tab_meText)">
            <img class="footer-img1" src="img2/H5_btn_wd_normal.png">
            <img class="footer-img2" src="img2/H5_btn_wd_highlight.png"><br>
            我的
        </button>
    </div>
</div>
<div class="modal fade" id="click_pic_dialog" tabindex="-1" role="dialog" aria-labelledby="click_pic_dialog_label"
     aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×
                </button>
                <h4 class="modal-title" id="click_pic_dialog_label">
                    查看图片
                </h4>
            </div>
            <div class="modal-body">

                <form class="form-horizontal" role="form">

                    <div class="form-group">

                        <div class="col-sm-12">
                            <div id="bigPicDiv"></div>
                        </div>
                    </div>


                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">
                    关闭
                </button>
                <!--<button type="button" class="btn btn-primary" id="viewOriPicBt">
                查看原图
            </button>-->
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
</body>
<style>
    .gmnoprint {
        display: none;
    }
    .gm-fullscreen-control{
        display: none;
    }
</style>
</html>